<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <script src="../bower_components/jquery/dist/jquery.min.js"></script>
    <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
    <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="less/index.css">
</head>
<body>
<!--menu-->
<div class="menu">
    <a href="">新闻</a>
    <a href="">娱乐</a>
    <a href="">体育</a>
    <a href="">科技</a>
    <a href="">视频</a>
    <a href="">房产</a>
    <a href="">社会</a>
</div>
<!--menu end-->
<!--slide-->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    </ol>
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="images/2.jpg" alt="...">
            <div class="carousel-caption">
                sdfdsfdfs
            </div>
        </div>
        <div class="item">
            <img src="images/2.jpg" alt="...">
            <div class="carousel-caption">
                dssdffds
            </div>
        </div>
    </div>
</div>
<!--slide end-->
<!--lists-->
<div class="container">
    <div class="row lists">
        <div class="media">
            <a class="media-left" href="#">
                <img src="images/2.jpg">
            </a>
            <div class="media-body">
                <h4 class="media-heading">
                    为了表示感谢，希望你在使用时尽量为 </h4>
                <span><i class="fa fa-vimeo-square"></i> 中华人民共和国</span>
            </div>
        </div>
        <div class="media">
            <a class="media-left" href="#">
                <img src="images/2.jpg">
            </a>
            <div class="media-body">
                <h4 class="media-heading">为了表示感谢，希望你在使用时尽量为 </h4>
                <span><i class="fa fa-vimeo-square"></i>中华人民共和国</span>
            </div>
        </div>
        <div class="media">
            <a class="media-left" href="#">
                <img src="images/2.jpg">
            </a>
            <div class="media-body">
                <h4 class="media-heading">为了表示感谢，希望你在使用时尽量为 </h4>
                <span><i class="fa fa-vimeo-square"></i>中华人民共和国</span>
            </div>
        </div>
        <div class="media">
            <a class="media-left" href="#">
                <img src="images/2.jpg">
            </a>
            <div class="media-body">
                <h4 class="media-heading">为了表示感谢，希望你在使用时尽量为 </h4>
                <span><i class="fa fa-vimeo-square"></i>中华人民共和国</span>
            </div>
        </div>
        <div class="media">
            <a class="media-left" href="#">
                <img src="images/2.jpg">
            </a>
            <div class="media-body">
                <h4 class="media-heading">为了表示感谢，希望你在使用时尽量为 </h4>
                <span><i class="fa fa-vimeo-square"></i>中华人民共和国</span>
            </div>
        </div>
    </div>
</div>
<!--lists end-->
</body>

</html>